.container {
position: relative;
text-align: center;
height: 0;
z-index: 999999;
padding: 0;
}
body1 {
font-family:tahoma;
}
@font-face {
font-family: 'GESSTwoLight';
src: url('fonts/GESSTwoLight-Light.eot');
src: local('Vegur'),
local('Vegur-Regular'),
url('fonts/GESSTwoLight-Light.woff') format('woff'),
url('fonts/GESSTwoLight-Light.ttf') format('truetype'),
url('fonts/GESSTwoLight-Light.svg#Vegur-Regular') format('svg');
}
@font-face {
font-family: 'iliass';
src: url('http://www.kirsle.net/wizards/ttf2eot-temp/4e30e08c22a185ac7dba036ed1ffad9f/Hacen_Tunisia.eot');
src: url('http://www.kirsle.net/wizards/ttf2eot-temp/4e30e08c22a185ac7dba036ed1ffad9f/Hacen_Tunisia.eot?') format('embedded-opentype'),
url('https://4youpro.googlecode.com/files/Hacen%20Tunisia.woff') format('woff'),
url('https://4youpro.googlecode.com/files/Hacen%20Tunisia.ttf') format('truetype'); }

@font-face {
font-family: 'GESSTwoMediumRegular';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }
.comments .comments-content .comment-header, .comments .comments-content .comment-content {
margin:0;
}
.comment-actions {
width: 98.2%;
background: #f8f8f8;
border-bottom: 3px solid #d3d3d3;
float: left;
padding: 9px;
}
.comment-content {
margin: 0;
padding: 17px;
background: #fff;
}
.comment-header {
padding: 10px;
background: #f8f8f8;
border-bottom: 3px solid #d3d3d3;
margin: 0;
}
.comments .comments-content .datetime {
margin-left: 6px;
float: left;
}

.section {
margin:0;
}
* {
margin:0;
padding:0;
}
a {
color:#2D2D2D;
text-decoration:none;
transition:0.5s
}
a:hover {
color:#037DFF;
}
a:active {
color:#037DFF;
}
li {
list-style:none;
}
body {
font-family:GESSTwoMediumRegular;
background:url(http://subtlepatterns.com/patterns/brushed.png);
}
.sidebar-warppar {
float: left;
width: 33%;
background:#fff;
padding: 0;
margin-top: 44px;
}
#body {
width:1024px;
margin:0 auto;
padding-top: 62px;
}
#header {
width:100%;
height:150px;
background:white;
}
.logo {
float:right;
width:33%;
height:140px;
margin:5px;
}
.ads {
float: left;
width: 63%;
height: 102px;
margin: 23px 5px;
}
.logo1 {
float:left;
width:33%;
height:140px;
margin:5px;
}
.ads1 {
float: right;
width: 63%;
height: 102px;
margin: 23px 5px;
}
.m {
width: 100%;
height: 50px;
background: #f8f8f8;
border-bottom: 4px solid #D3D3D3;
border-top: 1px solid #EBEBEB;
}
.m ul {
margin:0;
padding:0;
}
.m2{
float: right;
padding: 13px 0;
border-left: 1px solid #FFFFFF;
}
.m ul li a {
padding: 10px 14px 13px;
border-left: 1px solid #d3d3d3;
}
.a:hover {
box-shadow: 0 50px 0 #EEEEEE inset;
background: #C9C9C9;
}
.m1 {
box-shadow: 0 50px 0 #EEEEEE inset;
background: #C9C9C9;
}
.m ul li a:active {
box-shadow: 0 50px 0 #EEEEEE inset;
background: #C9C9C9;
}
.m ul li .home {
background: #eee url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat;
padding: 10px 28px 13px;
}
.m ul li .home:hover {
background: #eee url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat;
box-shadow: 0 0 0 #EEEEEE inset;
}
.m ul li .home:active {
background: #eee url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat;
box-shadow: 0 0 0 #EEEEEE inset;
}
.post {
background: #fff;
margin: 0 0 20px 0;
padding: 0;
width: 100%;
}
.main-warppar {
float:right;
width:63%;
margin: 44px 0 50px 0;
}
h3.post-title.entry-title {
padding: 10px;
background: #f8f8f8;
margin: 0px 0px 10px 0px;
border-bottom: 3px solid #d3d3d3;
text-align: center;
}
.sidebar-warppar h2 {
padding: 10px;
background: #f8f8f8;
margin: 0px 0px 10px 0px;
font-size: 16px;
text-align: center;
border-bottom: 3px solid #d3d3d3;
}
.readmore {
float:left;
margin: 15px 10px 3px;
}
.readmore1 {
float:right;
}
.readmore a {
padding: 6px 22px;
background: #d3d3d3;
box-shadow: 0px 0px 0px 2px #C9C9C9;
border-radius: 2px;
}
.readmore a:hover {
background: #fff;
}
.readmore a:active {
background: #fff;
}
.post-author {
font: 0 tahoma;
}
.post-author a {
font-size: 14px;
margin: 0;
padding: 0 18px 0 10px;
background: url("http://1.bp.blogspot.com/-zufvfXul2xs/USE_uTC44OI/AAAAAAAADrE/If1h7PQn92c/s1600/admn.png") right center no-repeat;
text-decoration: none;
float: right;
}
.post-timestamp {
font: 0 tahoma;
}
.post-timestamp a {
font-size: 14px;
margin: 0;
padding: 0 18px 0 10px;
background: url("http://3.bp.blogspot.com/-LzPh_H4408I/USE_uda7R5I/AAAAAAAADrA/7vhFkxKNRyw/s1600/date.png") right center no-repeat;
text-decoration: none;
float: right;
}
.comment-link {
margin: 0;
padding: 0 18px 0 10px;
background: url("http://1.bp.blogspot.com/-1NK4Mv-X30U/U44wNS5XApI/AAAAAAAABnE/MMtZe2DXr7Y/s1600/basic2-004_comment_chat-16.png") right center no-repeat;
text-decoration: none;
float: right;
font-size: 14px;
}
.post-footer {
padding: 15px 5px 5px 0;
background: #f8f8f8;
border-bottom: 2px solid #d3d3d3;
}
.post-body img {
padding: 3px;
background: #fff;
border: 1px solid #d3d3d3;
border-radius: 5px;
margin: 0 3px 0 3px;
}
.sidebar-warppar .widget-content {
margin:10px;
}
#footer {
width:990px;
margin:0 auto;
padding:0;
}
.post-body {
font-size: 15px;
color: #4E4E4E;
width: 98%;
padding: 10px;
direction: rtl;
text-align: justify;
}
.post-body1 {
text-align: left;
direction: ltr;
}
#footer-wrapper {

width:100%;
border-top: 5px solid #d3d3d3;
overflow:hidden;
background:#f8f8f8;
clear:both;
padding: 10px 0;
margin:0;
}
#footer-column {
margin:0;
padding:0;
}
#copy {
width: 100%;
height: 40px;
background: #d3d3d3;
font-size: 13px;
border-top: 2px solid #A5A5A5;
}
#copy1 {
width:90%;
margin:0 auto;
}
.post-title a {
font-size: 15px
}
.copy-right {
float:right;
padding:10px;
}
.copy-center {
width: 637px;
margin: 0 auto;
padding: 10px;
text-align: center;
float: right;
}
.copy-left {
float:left;
padding: 10px;
}
#footer-column h2 {
padding: 10px;
margin: 0px 0px 10px 0px;
font-size: 16px;
border-bottom: 1px solid #d3d3d3;
}
.ads p {
width: 30%;
height: 70px;
margin: 0 auto;
margin-top: 50px;
}
.logo p {
width: 24%;
height: 70px;
margin: 0 auto;
margin-top: 50px;
}
 .postauthor{background:#f8f8f8;border-top:1px solid #e1e1e0;border-bottom:1px solid #e1e1e0;overflow:hidden;padding:0.7em}
.postauthor img{
border: 1px solid #d3d3d3;
float: right;
margin-left: 1em;
padding: 3px;
border-radius: 5px;
background: #fff;
}
.postauthor h3{
font-size:1em;margin-bottom:5px;margin-top:0
}
.postauthor p{color:#515151;font-size:12px;margin-bottom:10px;margin-top:0}
.blog-pager {
margin: 0;
background: #f8f8f8;
padding: 18px 3px;
}
.popular-posts {

}
.popular-posts ul {
padding: 0;
margin: 0;
}
.PopularPosts .widget-content ul li {
padding: 2px 0;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0 7px 0 7px;
}
.PopularPosts .item-thumbnail1 {
float: left;
margin: 0 7px 0 7px;
}
.PopularPosts img {
padding: 2px;
background: white;
border: 1px solid #d3d3d3;
border-radius: 5px;
width: 48px;
height: 48px;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.5s ease-in-out;
}
.PopularPosts img:hover {
-moz-transform: rotate(720deg);
-webkit-transform: rotate(1080deg);
-o-transform: rotate(720deg);
-ms-transform: rotate(720deg);
transform: rotate(720deg);
box-shadow: 0 0px 20px #000;
}
.PopularPosts img:active {
-moz-transform: rotate(720deg);
-webkit-transform: rotate(1080deg);
-o-transform: rotate(720deg);
-ms-transform: rotate(720deg);
transform: rotate(720deg);
box-shadow: 0 0px 20px #000;
}
.item-snippet {
text-align: right;
font-size: 13px;
padding: 18px 0;
line-height: 17px;
}
.item-content {
border-bottom: 1px solid #d3d3d3;
padding: 5px;
}
.top {
width: 100%;
height: 62px;
background: #FFFFFF;
z-index: 011;
border-bottom: 1px solid #CACACA;
position: fixed;
}
.top ul {
width: 1024px;
margin:0 auto;
}
.top2 {
float: right;
padding: 0;
display: inline-block;
}
.PopularPosts .item-title {
text-align: right;
margin-bottom: 1em;
}
.top ul li a {
padding: 0 10px;
font-size: 13px;
display: block;
line-height: 60px;
}
.widget .widget-item-control a img {
border: none;
padding: 0;
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-ie-box-shadow: none;
box-shadow: none;
width: 18px;
height: 18px;
-moz-transition:0;
-webkit-transition:0;
-o-transition:0;
-ms-transition:0;
transition:0;
}
.comments .avatar-image-container {
float: right;
max-height: 61px;
overflow: hidden;
width: 61px;
margin: 0px -21px 0px 0px;
}
.comments .avatar-image-container img {
width: 50px;
height: 50px;
background: #fff;
padding: 3px;
border: 1px solid #d3d3d3;
border-radius: 5px;
max-width: 50px;
}
.mr {
width: 167px;
background: none;
position: absolute;
height: 100%;
display: none;
background: #f8f7f7;
}
.mr ul  {
list-style-type: none;
list-style: none;
margin: 0px;
margin-top: 7px;
border-top: 2px solid #BEBEBE;
}
.mr ul li {
background: #f8f7f7;
padding: 10px 10px;
margin-right: 6px;
color: #666;
box-shadow: inset 0 0 1px #fff;
border-bottom: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
margin: 0;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.mr ul li:hover {
background: #efefef;
box-shadow: inset 0 0 2px #ddd;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.mr ul li a{
text-decoration: none;
color: #2D2D2D;
font: 16px tahoma;
padding: 18px 0 14px 50px;
}
.mr ul li a:hover {
text-decoration:none;
color:#037DFF;
padding-right: 5px;
}
.mr1 {
width: 100%;
background: #d3d3d3;
height: 50px;
display:none;
}
.mr1 ul  {
margin: 0;
padding: 0;
width: 1024px;
margin: 0 auto;
}
.mr1 ul li {
float:right;
padding:10px
}
.mr1 ul li a{
text-decoration:none;
color:#2D2D2D;
}
.mr1 ul li a:hover {
text-decoration:none;
color:#037DFF;

}
.img {
width: 30px;
height: 30px;
background: url(http://4.bp.blogspot.com/-J4rxxBNBaLk/U5D8sVT_ckI/AAAAAAAABpA/IZ7sidCUfLo/s1600/672348-nav-left-128.png) right;
background-size: 30px 30px;
cursor: pointer;
z-index: 99999999999;
border: 0;
text-indent: -99999999999px;
position: absolute;
background-repeat: no-repeat;
}
.img3 {
width: 30px;
height: 30px;
background: url(http://1.bp.blogspot.com/-MoNcrorkcDk/U5D8sei1rAI/AAAAAAAABpE/00vzli8quvI/s1600/icon-chevron-right-128.png) right;
background-size: 30px 30px;
cursor: pointer;
z-index: 99999999999;
border: 0;
text-indent: -99999999999px;
position: absolute;
background-repeat: no-repeat;
}
.img13 {
width: 30px;
height: 30px;
background: url(http://4.bp.blogspot.com/-J4rxxBNBaLk/U5D8sVT_ckI/AAAAAAAABpA/IZ7sidCUfLo/s1600/672348-nav-left-128.png) right;
background-size: 30px 30px;
cursor: pointer;
z-index: 111111;
border: 0;
text-indent: -99999999999px;
position: absolute;
background-repeat: no-repeat;
}
.img31 {
width: 30px;
height: 30px;
background: url(http://1.bp.blogspot.com/-MoNcrorkcDk/U5D8sei1rAI/AAAAAAAABpE/00vzli8quvI/s1600/icon-chevron-right-128.png) right;
background-size: 30px 30px;
cursor: pointer;
z-index: 111111;
border: 0;
text-indent: -99999999999px;
position: absolute;
background-repeat: no-repeat;
}
.img1 {
border: 0;
background: #d3d3d3 url(http://1.bp.blogspot.com/-Lkx8b2T7Jz0/U5D4VKxY7XI/AAAAAAAABos/vm0v_PtrFTs/s1600/1402027649_bottom.png)no-repeat center;
background-size: 20px 20px;
text-indent: 99999px;
padding: 6px;
cursor: pointer;
margin-right: 50%;
width: 26px;
height: 24px;
}
.img2 {
border: 0;
background: #d3d3d3 url(http://1.bp.blogspot.com/-GHmTp3L2k3w/U5D4VM1aryI/AAAAAAAABoo/YQBf5Te9f8s/s1600/1402027647_top.png)no-repeat center;
background-size: 20px 20px;
text-indent: 99999px;
padding: 6px;
cursor: pointer;
margin-right: 50%;
width: 26px;
height: 24px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background: #d3d3d3;
}
::-webkit-scrollbar {
background: #fff;
width: 10px;
}
.mr ul li a img {
width:24px;
height:24px;
margin: 0px 0px -8px 4px;
}
.ftr {
float: right;
border: 0;
cursor: pointer;
text-indent: -111107px;
background: #f8f8f8 url(http://2.bp.blogspot.com/-sB96Rct4bik/U5IKP9KovrI/AAAAAAAABpg/AR-_iFopS7A/s1600/1402097545_icon-minus.png)no-repeat center;
padding: 11px 20px;
margin-top: -48px;
background-size: 25px;
position: absolute;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.ftr1 {
float: right;
border: 0;
cursor: pointer;
text-indent: -111107px;
background: #f8f8f8 url(http://2.bp.blogspot.com/-bdj7o_VgL1k/U5IKP7Og_WI/AAAAAAAABpk/_1CGHabzE3A/s1600/1402097537_plus.png)no-repeat center;
padding: 11px 20px;
margin-top: -48px;
background-size: 22px;
position: absolute;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
title:none
}
.font {
width: 100%;
height: 30px;
background: #d3d3d3;
position: fixed;
z-index: 12111;
display:none;
}
.font ul {
width:1024px;
margin:0 auto;
}
.font1 {
width: 100%;
height: 30px;
background: #d3d3d3;
position: fixed;
z-index: 99999;
display:none;
}
.font1 ul {
width:1024px;
margin:0 auto;
}
.rtleft {
float: right;
padding: 4px 10px;
}
.rtleft1 {
float: left;
}
#bottom:hover {
color:#037DFF
}
#bottom1 img {
border: 0;
cursor: pointer;
width: 24px;
height: 24px;
background-size: 26px;
background-repeat: no-repeat;
margin-top: -1px;
}
#bottom15 img {
border: 0;
cursor: pointer;
width: 24px;
height: 24px;
background-size: 26px;
background-repeat: no-repeat;
margin-top: -1px;
}
#bottom2 img {
border: 0;
cursor: pointer;
width: 24px;
height: 24px;
background-size: 26px;
background-repeat: no-repeat;
margin-top: -1px;
}
.gsc-control-cse {
position: fixed;
z-index: 11111;
margin-top: 32px;
display: none;
}
.mohamed {
background: url(http://4.bp.blogspot.com/-Vqyy5ZpD7NE/U5Dtsf0vJ4I/AAAAAAAABoQ/wTY3cQx93_g/s1600/672372-chevron-down-32.png);
width: 32px;
height: 32px;
background-size: 26px;
background-repeat: no-repeat;
}
.mohamed1 {
background: url(http://4.bp.blogspot.com/-598LIUczlL4/U5LpKphuenI/AAAAAAAABp4/4_HxE00hcjw/s1600/672372-chevron-down-32.png);
width: 32px;
height: 32px;
background-size: 26px;
background-repeat: no-repeat;
}
.sidebar-warppar1 {
float: right;
width: 33%;
background: #fff;
padding: 0;
margin-top: 30px;
}
.main-warppar1 {
float: left;
width: 63%;
margin: 30px 0 50px 0;
}
.m1 {
float:left;
}
.top1 {
float: left;
}
.top ul .topleft1 {
float:right
}
.body1 {
direction: ltr;
}
.topleft1 {
float:right;
}
.backgrounds {
width: 100%;
height: 30px;
background: #d3d3d3;
z-index: 999999;
position: fixed;
display:none;
}
.backgrounds ul {
margin:0 auto;
padding:0;
width:1024px;
}
.backgrounds ul li {
float:right;
padding:5px;
}
.colors {
width: 100%;
height: 30px;
background: #d3d3d3;
z-index: 999999;
position: fixed;
display:none;
}
.colors ul {
margin:0 auto;
padding:0;
width:1024px;
}
.colors ul li {
float:right;
padding:5px;
}
.colors1 {
width: 100%;
height: 30px;
background: #d3d3d3;
z-index: 999999;
position: fixed;
display:none;
}
.colors1 ul {
margin:0 auto;
padding:0;
width:1024px;
}
.colors1 ul li {
float:right;
padding:5px;
}
.fontfont {
width: 100%;
height: 30px;
background: #d3d3d3;
position: fixed;
z-index: 111111;
display: none;
}
.fonfont ul {
margin:0;
padding:0;
}
.font ul li {
float:right
}
.almhwous {
float:left;
}
.sidebar-warppar12 {
width:0;
}
.main-warppar13 {
width:100%;
}
.sidetoggle {
background: url(http://www.el-ebda3.com/vb/images/styles/OfficeSpace/misc/tab-collapsed-left.png);
height: 36px;
width: 28px;
margin: 0;
padding: 0;
margin-left: -28px;
float: left;
margin-top: 43px;
}
.sidetoggle1 {
background: url(http://www.el-ebda3.com/vb/images/styles/OfficeSpace/misc/tab-expanded-left.png);
height: 36px;
width: 28px;
margin: 0;
padding: 0;
margin-left: -28px;
float: left;
margin-top: 43px;
}
.gn-search-item a {
width: 100%;
height: 60px;
padding: 0 20px;
transition: 0;
}
.gn-menu-main {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
font-size: 13px;
}
a.menu-icon {
position: fixed;
top: 0;
right: 0;
font-size: 23px;
padding: 19px 21px;
border-left: 1px solid;
}
a.menu-icon:hover {
background: #5f6f81;
color: white;
}
#footer-wrapper p {
font-size: 15px;
line-height: 22px;
margin: 0;
padding-bottom: 0;
text-align: right;
}
.gn-menu-wrapper {
top:61px;
}
.view {
float: right;
background: white;
margin: 0 auto;
height: 0;
position: relative;
width: 456px;
}
.view ul {
margin: 0;
padding: 0;
font-size: 0;
height: 0;
margin-top: 6px;
}
.view ul li {
line-height: 28px;
padding: 0 10px;
background: #f8f8f8;
font-size: 0;
margin: 0;
border: 2px solid #d3d3d3;
display: block;
float: left;
border-right-color: rgba(0, 0, 0, 0);
}
.view ul li a {
font-size: 17px;
display: block;
padding: 0;
margin: 0;
}
.view ul li a:hover {
color: #fff;
}
ul.side-menu h2.title {
background-color:#fff;
}
ul.side-menu {
background-color:#fff;
}
.colbackfont {
width: 8.6em;
background: #fff;
position: fixed;
overflow: hidden;
z-index: 99;
}
.colbackfont ul {
margin: 0;
padding: 0;
height: auto;
width: auto;
}
.colbackfont ul li {
float: left;
display: inline-block;
line-height: 0;
background: rgb(162, 162, 162);
font-size: 19px;
margin: 7px 2px 21px;
width: 23px;
height: 23px;
text-align:center
}
.colbackfont ul li a {
display: block;
font-size: 0;
}
.colbackfont img {
width: 19px;
height: 19px;
padding: 0;
margin: 0;
display: block;
}
.colbackfont p {
line-height: 22px;
margin: 0;
text-align: center;
padding: 8px 0 0;
border-bottom: 1px solid;
}
.gn-menu-main > li > a {
padding: 0 30px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
position: fixed;
height: 61px;
width: 64px;
}
#loading {
position: fixed;
z-index: 50;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.37) url(http://3.bp.blogspot.com/-sW166HTPK4U/UY2kVNdjsFI/AAAAAAAAEHk/fIO-B-mOeCE/s200/load6.gif) no-repeat center;
line-h eight: 350px; 
text-align: center;
font-size: 36px;
color: #353231;
text-indent: -9999px;
}
.wwy #loading {
display: none;
}
#progress-bar {
position: absolute;
top: 0;
left: 0;
background: #eee;
opacity: 0.8;
width: 0;
height: 18px;
}
.gn-menu-main, .gn-menu-main ul {
background:none;
}
  .colores{
    font-size:12px;
}
  .border1{
    border:2px solid #000
}
.contact1 {
line-height: 50px;
margin: 0;
font-size: 30px;
margin-left: 50px;
background: #000000;
color: #fff;
box-shadow: 0 -1px 0 #d3d3d3 inset;
transition:0.5s
}
.contact1:hover {
background: #f8f8f8;
color: #000;
}
.colbackfontall {
background: url(http://1.bp.blogspot.com/-2N2SxRaxswU/U53ZMpSlDbI/AAAAAAAABs8/B5JXs6DeRFw/s1600/Untitled-4.png) no-repeat 100% 50%;
width: 172px;
height: 230px;
position: fixed;
margin-top: 20%;
border-radius: 15px;
margin-left: -140px;
transition: 1s;
z-index: 99999;
}
.colbackfontall:hover {
margin-left:0px;
}